{% extends 'base.html' %}
{% load static %}
{% block title %}留言模板{% endblock %}
{% block script %}
    <script type="text/javascript" src="{% static 'js/base/jquery-1.7.2.min.js' %}"></script><!--Needed for the prettyPhoto to function-->
    <script type="text/javascript" src="{% static 'js/base/simplepager.js' %}"></script><!--runs the pagination-->
    <script type="text/javascript" src="{% static 'js/user/jquery.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/user/message.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/prettyPhoto.css' %}" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    <script type="text/javascript">
    $(document).ready(function() {
        $('span.category').hover(function(){
        $(this).next().css('background-color','#e25050');
        },function(){
        $(this).next().css('background-color','#393939');
        });
    });
    </script>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" />
    <script src="{% static 'js/base/jquery.prettyPhoto.js' %}" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="{% static 'js/base/board.js' %}" charset="utf-8">
    <script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
{% endblock %}
{% block content %}
 <div id="main-content">
            	<div id="contact-page">
                <h1>联系我</h1>

                <span class="main-border"></span>
                <div id="contact-info">

                <h2>{{ user.name }}</h2>
                <ul class="contact-list">
                	<li>{{ user.address }}</li>
                </ul>
                <ul class="list2">
                    <li><span class="bold">手机号码: </span>{{ user.telephone }}</li>
                    <li><span class="bold">邮箱:</span> {{ user.email }}</li>
                </ul>
               </div><!--END contact-info-->
                <div id="map">
                	<iframe width="425" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{ user.photo.url }}"></iframe>

                </div><!--END map-->

                <div class="clear"></div>
                <h1 id="contact-h1">请给我留言</h1>
                <span class="main-border"></span>

               <form class="contact_form" action="#" method="post" name="contact_form">
                   {% csrf_token %}
    <ul>
        <li>
             <span class="required_notification">* 必须填写</span>
        </li>
        <li>
            <label for="contactname">姓名</label>
            <input type="text" name="contactname" id="contactname" placeholder="姓名" required />
        </li>
        <li>
            <label for="email">邮箱</label>
            <input type="email" name="email" id="email" placeholder="john_doe@example.com" required />
            <span class="form_hint">正确的格式"name@something.com"</span>
        </li>
        <li>
            <label for="message">内容</label>
            <textarea name="message" cols="40" rows="6" id="content" required ></textarea>
        </li>
        <li>
        	<button class="submit" name="send" type="submit">发送</button>
        </li>
    </ul>
</form>		<div class="intro"></div>
				</div><!--END contact-page-->
            </div><!--END main-content-->
{% endblock %}